/**************************************
 *
 * VLOOK 模板主题
 *
 * powered by MAX°孟兆
 *
 * QQ Group: 805502564
 * email: maxchow@qq.com
 *
 * For: 1046218884@qq.com
 *
 *************************************/

@import "../font";
@import "../color";

// 指定字体主题
.applyFontStyle(local);
// .applyFontStyle(sans);
// 指定主题配套的圆角
.applyThemeRadius(big);
// 文档背景使用图片
.applyDocBgImg(@docBgImgLight_Grid, @docBgImgDark_Grid);

// 文档背景色
@bgLight4Theme: #FCF9F2;
@bgDark4Theme: #181B2B;
.applyDocBgColor(@bgLight4Theme, @bgDark4Theme);
.applyDocTextColor(#181B2B, #FCF9F2);

// 主题信息
@themeName: "vlook-x-bug320";
@themeDesc: "bug320";
:root {
    --thm-fav-logo-lg: url("");
    --thm-fav-logo-dk: var(--thm-fav-logo-lg);
}

// 主题主色
@theme1: #8064A9;
@theme2: #2AA899;
@theme3: #FFFFFF;
@theme4: @bgLight4Theme;
@theme1Dark: darken(@theme1, 20%);
@theme1Alt: lighten(@theme1, 50%);
@theme1AltDark: @codeBgColorDark;
@theme2Dark: darken(@theme2, 20%);
@theme2Alt: lighten(@theme2, 50%);
@theme2AltDark: darken(@theme2Alt, 70%);
// @theme3Dark: darken(@theme3, 20%);
// @theme3Alt: lighten(@theme3, 40%);
// @theme3AltDark: darken(@theme3Alt, 30%);

@themeForeColor: @theme1;
@themeForeColorFade: fade(@themeForeColor, 50%);
@themeBgColor: #EAE6F0;
@themeBgColorFade: fade(@themeForeColor, 50%);
@themeBgColorDark: darken(@themeForeColor, 20%);
@themeBgColorAlt: lighten(@themeForeColor, 42%);

// 标题色
@headerColor: @themeForeColor;
@headerColorDark: @themeForeColor;
// @tocHeaderNumColor: @docTextColorLightFade;
@contentHeaderNumColor: @themeBgColorFade;
// @headerBackground: linear-gradient(270deg, var(--h-bg-end), var(--h-bg-start), var(--h-bg-end));
// @multiHeaderBG: @headerBackground;
// @headerTextAlign: center;
@headerBackground: linear-gradient(0deg, var(--h-bg-start), var(--h-bg-end));
@multiHeaderBG: none;
@headerTextAlign: left;
@headerPadding: 10px;
@headerLetterSpacing: 0.15em;
@h1Shadown: none;
@h2Shadown: none;
@h3Shadown: none;
@h4Shadown: none;
@h5Shadown: none;
@h6Shadown: none;
@h1BorderLeft: 0;
@h2BorderLeft: 0;
@h3BorderLeft: 0;
@h4BorderLeft: 0;
@h5BorderLeft: 0;
@h6BorderLeft: 0;
@h1BorderRight: 0;
@h2BorderRight: 0;
@h3BorderRight: 0;
@h4BorderRight: 0;
@h5BorderRight: 0;
@h6BorderRight: 0;
@h1BorderTop: 9px solid var(--h-box-shadow);
@h2BorderTop: 7px solid var(--h-box-shadow);
@h3BorderTop: 5px solid var(--h-box-shadow);
@h4BorderTop: 3px solid var(--h-box-shadow);
@h5BorderTop: 1px solid var(--h-box-shadow);
@h6BorderTop: 0;

// 行内代码背景色
@codeBgColor: lighten(@themeForeColor, 38%);;
@codeBgColorDark: darken(@themeForeColor, 25%);

// 按钮色
@buttonForeColor: @themeBgColor;
@buttonForeHoverColor: @theme3;
@buttonBgColor: @themeForeColor;

// 加粗文字颜色
// @boldColorLight: @docTextColorLight;//#202224;
// @boldColorDark: @docTextColorDark;

// 链接颜色
@aBorderWidth: 2px;
@aColor: @headerColor;
@aColorDark: @headerColorDark;
@aLineColor: @theme2;
@aHoverColor: @aLineColor;
@aActiveColor: desaturate(@aLineColor, 30%);

// 选中内容的背景色
@selectionColor: @aLineColor;//fade(@aLineColor, 50%);

// 表格十字光标颜色
@tableCrossBgColor: fade(@aLineColor, 50%);

// 封面、封底文字位置及对齐方式
@coverTextAlign: left;
@coverTextPadding: 240px 80px 60px 80px;
@coverTextColor: @aLineColor;
@coverSubColor: @themeForeColor;
@coverSupColor: #606070;
@coverAuthorColor: @coverSupColor;
@coverOwnerColor: @coverAuthorColor;

@backCoverTextAlign: center;
@backCoverTextPadding: 300px 0 0 0;
@backCoverTextColor: @themeBgColor;

// 对比度边框色，用于主题色与背景色对比度比较低时的边缘视觉识别
@contrastBorder: 0 0 0 0 rgba(0, 0, 0, 0);
@contrastBorderForCover: 0 0 0 2px fade(@themeForeColor, 20%) inset;

// 封面背景设置
@coverBackgroundColor: @themeBgColor;
@coverBackgroundImage: var(--thm-c-logo), var(--thm-c-mask), var(--thm-comon-bg);
@coverBackgroundSize: 80px 80px, auto, auto;
@coverBackgroundRepeat: no-repeat, repeat-y, no-repeat;
@coverBackgroundPosition: 80px 80px, top right, top right;
// 封底背景设置
@backCoverBackgroundColor: @coverBackgroundColor;
@backCoverBackgroundImage: var(--thm-bc-logo), var(--thm-bc-mask), var(--thm-comon-bg);
@backCoverBackgroundSize: 80px 80px, 100%, auto;
@backCoverBackgroundRepeat: no-repeat, repeat-y, no-repeat;
@backCoverBackgroundPosition: center 170px, top center, center left;

// 封面、封底素材资源
:root {
    // 通用背景图片
    --thm-comon-bg: url("");
    // 封面 logo
    --thm-c-logo: var(--thm-fav-logo-lg);
    // 封面背景 mask
    --thm-c-mask: url("");
    // 封底 logo
    --thm-bc-logo: var(--thm-fav-logo-lg);
    // 封底背景 mask
    --thm-bc-mask: url("");
}

@import "../base";
